﻿@using SlamDunk.CMS.Model
@using SlamDunk.CMS.Model.DataModel
@{
    List<Photo> photoList = Model.PhotoList;
    PhotoAlbum currentAlbum = photoList[0].PhotoAlbum;
}
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@currentAlbum.AlbumName</title>
    @Include("Head", Model)
</head>
<body>
    @Include("Top", Model)
    @Include("SubBanner", Model)
    <div class="Sub_Middlecon">
        <div class="Sub_Middle">
            @Include("Left", Model)
            <div class="SubMid_R">
                <div class="SubMid_R1">
                    <span class="SubMid_R1title">校园掠影</span><span class="SubMid_R1tip"></span>
                    <span class="SubMid_R1path">网站首页：<a href="/Html/PhotoAlbum/List-1.html">校园掠影</a> - <span class="SubMid_R1current">校园掠影</span></span>
                </div>

                <div class="SubMid_R2">
                    <div class="SubMid_Picdetailcon">
                        <div class="SubMid_Article_title">@currentAlbum.AlbumName</div>
                        <div class="SubMid_Article_tip">
                            <span class="SubMid_Article_tip1">作者：</span><span class="SubMid_Article_tip2">@currentAlbum.Author </span>
                            <span class="SubMid_Article_tip1">来源：</span><span class="SubMid_Article_tip2">@currentAlbum.Source</span>
                            <span class="SubMid_Article_tip1">发布时间：</span><span class="SubMid_Article_tip2">@currentAlbum.AddTime </span>
                            <!--<span class="SubMid_Article_tip1">点击：</span><span class="SubMid_Article_tip2">396</span>-->
                        </div>
                        <div class="Content_game163">
                            <ul class="bigImg">
                                @foreach (Photo photo in photoList)
                                {
                                    <li>
                                        <a href="@photo.Url" target="_blank"><img src="@photo.ImagePath" /></a>
                                        <h4><a href="@photo.Url" target="_blank">@photo.PhotoName</a></h4>
                                    </li>
                                }
                            </ul>
                            <div class="smallScroll">
                                <a class="sPrev" href="javascript:void(0)">←</a>
                                <div class="smallImg">
                                    <ul>
                                        @foreach (Photo photo in photoList)
                                        {
                                            <li><a><img src="@photo.ImagePath" /></a></li>
                                        }
                                    </ul>
                                </div>
                                <a class="sNext" href="javascript:void(0)">→</a>
                            </div>
                            <div class="pageState"></div>
                        </div>
                        <script type="text/javascript">
                            //大图切换
                            jQuery(".Content_game163").slide({
                                titCell: ".smallImg li", mainCell: ".bigImg", effect: "fold", autoPlay: true, delayTime: 200,
                                startFun: function (i, p) {
                                    //控制小图自动翻页
                                    if (i == 0) { jQuery(".Content_game163 .sPrev").click() } else if (i % 5 == 0) { jQuery(".Content_game163 .sNext").click() }
                                }
                            });
                            //小图左滚动切换
                            jQuery(".Content_game163 .smallScroll").slide({ mainCell: "ul", delayTime: 100, vis: 5, scroll: 5, effect: "left", autoPage: true, prevCell: ".sPrev", nextCell: ".sNext", pnLoop: false });
                        </script>
                        @currentAlbum.Description
                    </div>
                </div>

                <div class="SubMid_R3">
                    <div class="SubMid_R3con">
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    @Include("Foot", Model)
</body>
</html>
